html {
   
    overflow-y:hidden;
    }
    
/* 封面 */
.fm {
    width: 100%;
    height: 100vh;
    background: url("2020831china_dream_fm_02.jpg") no-repeat center;
    text-align: center;
    position: fixed;
    top: 0;
    z-index: 9999;
    
}
.fm img {
    animation: fd 1s;
}
.zy {
    opacity: 0;
}
/* banner */
.china_dream_banner,.china_dream_banner img {
    width: 100%;
}
/* 导航 */
.china_dream_nav {
    width: 100%;
    height: 135px;
    background: linear-gradient(to right,#ef6643,#d91d3d);
    margin-bottom: 70px;
}
.china_dream_nav ul li {
    width: 170px;
    float: left;
    padding-top: 32px;
    text-align: center;
    position: relative;
}
.china_dream_nav ul li::after {
    content: "";
    width: 1px;
    height: 90px;
    background-color: #f5aaa0;
    position: absolute;
    right: 0;
    top: 30px;
}
.china_dream_nav ul li:last-child::after {
    width: 0;
}
.china_dream_nav ul li a {
    display: block;
    color: #fff;
    margin-top: 22px;
}
/* 图文 */
.china_dream_list {
    margin-bottom: 80px;
}
.china_dream_listL {
    width: 566px;
    float: left;
}
.china_dream_listL_top {
    margin-bottom: 35px;
    margin-right: 50px;
}
.china_dream_listL_top h4 a{
    font-size: 20px;
    color: #333333;
}
.china_dream_listL_top p {
    font-size: 16px;
    color: #666666;
    line-height: 26px;
    margin-top: 20px;
}
.china_dream_listL_li ul li {
    font-size: 16px;
    padding-bottom: 12px;
    background: url("202091china_dream_icon_03.png") no-repeat 0 6px;
    padding-left: 25px;
    margin-right: 50px;
}
.china_dream_listL_li ul li a {
    color: #666666;
}

.china_dream_listR {
    width: 634px;
    height: 355px;
    position: relative;
    float: left;
}
.china_dream_list .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
    border-radius:0;
}
.china_dream_list .swiper-pagination-bullet-active {
    background: #d85829;
}
.china_dream_list .swiper-container-horizontal>.swiper-pagination-bullets{
    width: initial;
    left: 85%;
}
.china_dream_listR .swiper-slide h4 {
    width: 100%;
    height: 48px;
    line-height: 48px;
    padding-left: 15px;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    font-size: 16px;
}
.china_dream_listR .swiper-slide h4  a {
    color: #fff;
}
.china_dream_listR .swiper-slide img {
    width: 100%;
    height: 100%;
}
.china_dream_listR .swiper-container {
    height: 100%;
}
/* 励志群像 */
.china_dream_lzqx {
    margin-bottom: 95px;
}
.china_dream_lzqx_title {
    margin-bottom: 30px;
}

.china_dream_lzqx_linear {
    width: 100%;
    height: 13px;
    background-color: #e0323f;
    position: relative;
}
.china_dream_lzqx_linear::before,.china_dream_lzqx_linear::after {
    content: "";
    width: 13px;
    height: 26px;
    background-color: #ebcf3d;
    border-radius: 20px;
    position: absolute;
    top: -7px;
}
.china_dream_lzqx_linear::before {
    left: -13px;
}
.china_dream_lzqx_linear::after {
    right: -13px;
}
.china_dream_lzqx_container {
    width: 100%;
    /* height: 760px; */
    /* background-color: #fbfbfb; */
    position: relative;
}

/* 正能量微视频 */
.china_dream_video {
    margin-bottom: 80px;
}
.china_dream_video .w {
    position: relative;
}
.china_dream_video-top ul li {
    width: 295px;
    height: 329px;
    float: left;
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
    transition: all 1s;
}

.swiper-overflow {
    width: 1140px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.pc-banner .swiper-slide-active {
    transform: scale(1.18);
    z-index: 999;
}
.pc-banner .swiper-slide {
    margin-top:60px ;
    margin-bottom: 60px;
    transition: all 0.5s;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    width: 59px;
    height: 134px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") center no-repeat;
    background-color: #d91d3d;
    background-size: 30px 50px;
    right: -70px;
    outline: none;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    width: 59px;
    height: 134px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")center no-repeat;
    background-color: #d91d3d;
    background-size: 30px 50px;
    left: -70px;
    outline: none;
}
.china_dream_video-top ul li:nth-child(odd) .china_dream_video-text {
    top: 165px;
   
}
.china_dream_video-top ul li:nth-child(even) .china_dream_video-text {
    top: 0;
}
.china_dream_video-top ul li:nth-child(odd) .china_dream_video-img {
    top: 0;
   
}
.china_dream_video-top ul li:nth-child(even) .china_dream_video-img {
    top: 165px;
}
.china_dream_video-top {
    width: 1200px;
    overflow: hidden;
}
.china_dream_video-top ul {
    width: 500%;
}
.china_dream_video-top ul li:nth-child(3n) {
    margin-right: 0;
}


.china_dream_video-top ul li .china_dream_video-img img {
    width: 100%;
    height: 100%;
}

.china_dream_video-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 295px; 
    height: 165px;
}
.china_dream_video-img img {
    width: 100%;
    height: 100%;
}
.china_dream_video-top ul li .china_dream_video-text {
    width: 295px; 
    height: 165px;
    background-color: #e0323f;
    font-size: 20px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
}
.view .china_dream_video-top ul .china_dream_on .china_dream_video-img {
    position: absolute;
    left: 0;
    top: 0 ; 
    width: 589px; 
    height: 328px;
}

.view .china_dream_on .china_dream_video-text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%; 
    height: 165px;
}
.china_dream_video-top ul li .china_dream_video-text h4 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 12px;
}
.china_dream_video-top ul .on {
    width: 589px;
}
.china_dream_video-button img,.china_dream_lzqx-button img{
    position: absolute;
    top: 50%;
    margin-top: -66px;
}
.china_dream_video-button img:first-child,.china_dream_lzqx-button img:first-child {
    left: -60px;
}
.china_dream_video-button img:nth-child(2),.china_dream_lzqx-button img:nth-child(2) {
    right: -59px;
}
 /* 移动端布局默认隐藏 */
.china_dream_iphone-video {
    width: 100%;
    display: none;
}


/* 榜样力量 */
.china_dream_byll {
    margin-bottom: 80px;
}
.china_dream_byll_list ul li {
    width: 393px;
    float: left;
    margin-right: 10px;
}
.china_dream_byll_list ul li:last-child {
    margin-right: 0;
}
.china_dream_byll-img,.china_dream_byll-img {
   width: 393px;
   height: 219px;
}
.china_dream_byll-img {
    margin-bottom: 10px;
}
.china_dream_byll-text {
    width: 100%;
    height: 219px;
    background-color: #e0323f;
    padding-left: 10px;
    padding-right: 15px;
    margin-bottom: 10px;
    box-sizing: border-box;
    overflow: hidden;
}
.china_dream_byll-text>div:first-child {
    padding-bottom: 10px;
    border-bottom: 1px solid #ec848c;
}
.china_dream_byll-text h4 {
    margin-top: 13px;
    margin-bottom: 10px;
}
.china_dream_byll-text h4 a {
    font-size: 18px;
    color: #fff;
}
.china_dream_byll-text p  {
    line-height: 26px;
    color: #fff;
}
.china_dream_byll-text p  a {
    color: #fff;
}

/* 互动专区 */
.china_dream_hdzq {
    margin-bottom: 80px;
}



/* 往届回顾 */
.china_dream_review {
    margin-bottom: 80px;
}
.china_dream_review ul li {
    width: 585px;
    height: 195px;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}
.china_dream_review ul li img{
    width: 100%;
    height: 100%;
}
.china_dream_review ul li:nth-child(even) {
    margin-right: 0;
}
/* .china_dream_review ul li:nth-last-child(2){
    margin-bottom: 0;
} */

.swiper-pc-banner img {
    width: 100%;
    height: 100%;
}

@keyframes  fd {
    0% {
       transform: scale(0);
    }
    100% {
        transform: none;
    }
}



/* 移动端 */
@media screen and (max-width: 750px) {
    .w {
        width: 100%;
    }
    html {
        overflow-y: scroll;
    }
    .china_dream_nav ul li {
        width: initial;
    }
    /* 移动端显示 */
    .china_dream_iphone-video {
        display: block;
    }
    .fm {
        display: none;
    }
    .zy {
        opacity: 1;
    }
    .china_dream_lzqx_title img {
        width: 100%;
    }
    .china_dream_nav ul li img {
        width: 24px;
        height: 20px;
    }
    .china_dream_nav ul {
        display: -webkit-box;
        overflow-x: auto;
    }
    
    .china_dream_nav ul li {
        /* width: 85px; */
        padding: 10px 20px;
    }
    .china_dream_nav ul li a {
        margin-top: 10px;
    }
    .china_dream_nav {
        height: initial;
        margin-bottom: 20px;
    }
    .china_dream_nav ul li::after {
        display: none;
    }
    .china_dream_listL,.china_dream_listR {
        width: 100%;
        margin-bottom: 20px;
    }
    .china_dream_byll {
        margin-bottom: 20px;
    }
    .china_dream_video_container {
        display: none;
    }
    .china_dream_listL_top h4 a {
        font-size: 16px;
    }
    .china_dream_review ul li {
        width: 100%;
        height: initial;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .china_dream_review {
        margin-bottom: 20px;
    }
    .china_dream_list,.china_dream_lzqx_title {
        margin-bottom: 20px;
    }
    .china_dream_listR {
        height: 192px;
    }
    .china_dream_byll-text h4 a {
        font-size: 14px;

    }
    .china_dream_listL_top p {
        margin-top: 10px;
        font-size: 14px;
    }
    .china_dream_byll-img, .china_dream_byll-img img{
        width: 100%;
       
    }
    .china_dream_byll-img, .china_dream_byll-img {
        height: initial;
    }
    .china_dream_lzqx_linear::before, .china_dream_lzqx_linear::after {
        display: none;
    }
    .china_dream_lzqx-button img:first-child {
        left: 0;
    }
    .china_dream_lzqx-button img:nth-child(2) {
        right: 0;
    }
    .china_dream_byll_list ul li {
        width: 100%;
      
    }
 
    .china_dream_listL_top,.china_dream_listL_li ul li{
        margin-right: 0;
        margin-bottom: 20px;
        padding-bottom: 10px;
    }
    .china_dream_listL_li ul li {
        margin-bottom: 0;
        font-size: 14px;
        background-position-y: 3px ;
    }
    .china_dream_listL_top {
        margin-bottom: 10px;
        padding: 0;
    }
    .iphone_container {
        padding: 0 5px;
    }

    .swiper-overflow {
        width: 100%;
    
    }
    .china_dream_lzqx {
        margin-bottom: 0;
    }
     .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
         width: 26px;
         height: 60px;
         background-size: 15px 20px;
       right: 0;
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        width: 26px;
        height: 60px;
        background-size: 15px 20px;
        left: 0;
    }
    .china_dream_video-img, .china_dream_video-text {
        position: initial;
        width: 100%;
        box-sizing: border-box;
    }
    .china_dream_video-text {
    padding-left: 10px;
    }
    .view .china_dream_video ul li {
        position: initial;
        width: 100%;
        
    }
    .china_dream_video-text {
        width: 100%;
        padding:10px;
        background-color: #e0323f;
        box-sizing: border-box;
        line-height: 26px;
    }
    .china_dream_video-text a {
         color: #fff;
    }
    .china_dream_iphone-video .swiper-slide>div:nth-child(2n){
        margin-right: 0;
        float: right;
    }
    .swiper-iphone-slide {
        width: 49%;
        float: left;
        box-sizing: border-box;
        margin-right: 5px;
    }
    
    .view .china_dream_video ul li>div {
        float: left;
    }
    .china_dream_video {
        margin-bottom: 20px;
    }
    .china_dream_hdzq {
        display: none;
    }
    .china_dream_lzqx_linear {
        display: none;
    }
    .pc-banner .swiper-slide {
        margin-top: 10px;
        margin-bottom: 40px;
    }
}


.current {
    transform: translateY(-110%);
  
    transition: all 1.5s ease-in-out;
}


.view .china_dream_on{
    width: 589px;
    height: 328px;
}